<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="fragment/Headfragment::Headfragment">
</head>

<body>

<div class="container-scroller">
    <!-- partial:../../partials/_navbar.html -->
    <nav th:replace="fragment/PageHeadfragmeng::PageHeadfragment"></nav>
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
        <!-- partial:../../partials/_sidebar.html -->
       <nav th:replace="fragment/PageSidebarfragment::PageSidebarfragment"></nav>

        <!-- partial -->
        <div class="main-panel">
            <div class="page-header">
                <h3 class="page-title">
              <span class="page-title-icon bg-gradient-primary text-white mr-2">
                <i class="mdi mdi-home"></i>
              </span>
                    主页
                </h3>
                <nav aria-label="breadcrumb">
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item active" aria-current="page">
                            <span></span>Overview
                            <i class="mdi mdi-alert-circle-outline icon-sm text-primary align-middle"></i>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="template-demo">
                <a class="btn btn-outline-secondary btn-lg "  th:href=" @{/session/Session(current=1,size=5)} ">已完成</a>
                <a class="btn btn-gradient-danger btn-lg" >待解决</a>
            </div>
            <div class="col-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">工单信息</h4>
                        <p class="card-description">
                            Add class <code>.table</code>
                        </p>
                        <table class="table">
                            <thead>
                            <tr>
                                <th>工单号</th>
                                <th>客服号</th>
                                <th>客户姓名</th>
                                <th>是否处理</th>
                                <th>渠道</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr th:each="cs , rowInfo : ${session.list}">
                                <td th:text="${cs.getSessionid()}">Kolor Tea Shirt For Man</td>
                                <td th:text="${cs.getCustomerserviceid()}">Kolor Tea Shirt For Man</td>
                                <td th:text="${cs.getCustomername()}"><span class="badge badge-primary">Sale</span></td>
                                <td>
                                    <a class="btn btn-outline-secondary" th:href="@{/unsession/del(Sessionid=${cs.getSessionid()},current=${session.current},size=${session.size})}">接单</a>
                                </td>
                                <td th:text="${cs.channel}"></td>
                            </tr>
                            </tbody>
                        </table>
                        <div align="center">
                        <a th:href="@{/unsession/UnSession(current=1,size=5)}"><span th:text="首页" style="color: black"></span></a>
                        <!--                  需要修改下面的#numbers.sequence(1,5)-->
                        <a th:href="@{/unsession/UnSession(current=${i},size=5)}" th:each="i : ${#numbers.sequence(1,session.pagesCount)}" ><span th:text="${i}" style="border: 1px solid #e3e3e3; height: 16px; width:16px;text-align: center;vertical-align: middle;padding-left: 5px;padding-right: 5px;margin-left: 10px">1</span></a>
                        <a th:href="@{/unsession/UnSession(current=${session.pagesCount},size=5)}"><span th:text="尾页" style="color: black"></span></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-wrapper">
            </div>
            <!-- content-wrapper ends -->
            <!-- partial:../../partials/_footer.html -->

            <!-- partial -->
        </div>
        <!-- main-panel ends -->
    </div>
    <!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->
<!-- plugins:js -->
<script src="vendors/js/vendor.bundle.base.js"></script>
<script src="vendors/js/vendor.bundle.addons.js"></script>
<!-- endinject -->
<!-- Plugin js for this page-->
<!-- End plugin js for this page-->
<!-- inject:js -->
<script src="js/off-canvas.js"></script>
<script src="js/misc.js"></script>
<!-- endinject -->
<!-- Custom js for this page-->
<!-- End custom js for this page-->
</body>

</html>
